<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<title>${webConfig.name}</title>
		<meta name="description" content="${webConfig.name}">
		<meta name="keywords" content="${webConfig.name}">
		<link href="${s.base}/pc/css/index.css" rel="stylesheet">
		<link href="${s.base}/pc/css/reset.css" rel="stylesheet">
		<link href="${s.base}/pc/css/style.css" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="${s.base}/mobile/base/css/weui.min.css">
		<link rel="stylesheet" href="${s.base}/mobile/base/css/jquery-weui.css">
		<link href="${s.base}/pc/css/swiper.min.css" rel="stylesheet" type="text/css">
		<script src="${s.base}/pc/js/jquery.min.js"></script>
		<script src="${s.base}/pc/js/jquery.SuperSlide.2.1.1.js"></script>
	</head>
	<body class="bg">
    <!--顶部菜单-->
	<div class="pheader">
		<div class="naview">
			<div class="nav">
				<dl class="lists active">
					<dt class="nt">
						品牌服务
					</dt>
				</dl>
				<ul class="navlist">
					<#list webNavigationList as webNavigation>
						<li <#if navId==webNavigation.id>class="cur"</#if>><a href="${webNavigation.url}">${webNavigation.name}</a></li>
					</#list>
				</ul>
			</div>
		</div>
	</div>
	<div class="w clearfix" style="position:relative;">
		<div class="cat_wrap">
			<div class="cat_header">
				<div class="cat_list" id="showService">


				</div>
			</div>
		</div>
	</div>
		<!-- 轮播 -->
		<div class="swiper-container swiper-container-h">
			<div class="swiper-wrapper banner-swiper-wrapper">
			</div>
			<div class="swiper-pagination swiper-pagination-white swiper-pagination-h"></div>
			<div class="swiper-button-next swiper-button-white swiper-next"></div>
			<div class="swiper-button-prev swiper-button-white swiper-prev"></div>
		</div>
		<div class="about_us">
			<div class="about_us_left">
				<div class="about_us_left_title">
					<span class="about_us_left_title_1">关于我们</span><span style="border-bottom: 1px solid #808080;">/About  OUR</span>
				</div>
				<div class="about_us_left_title_lift" id="titleShow">

				</div>
				<div class="about_us_left_title">
					<span class="about_us_left_title_1">咨询平台</span><span style="border-bottom: 1px solid #808080;">/adxisory Platform</span>
				</div>
				<div class="linxitime">
					<img src="${s.base}/pc/img/3.png" alt="">
					<div class="linxitime_1">
						<p>门诊时间（无假日医院）</p>
						<p>08:30-19:30</p>
					</div>
				</div>
				<div class="linxitime">
					<img src="${s.base}/pc/img/3.png" alt="">
					<div class="linxitime_1">
						<p>预约咨询热线</p>
						<p>${webConfig.telephone}</p>
					</div>
				</div>
				<div class="linxitime">
					<img src="${s.base}/pc/img/3.png" alt="">
					<div class="linxitime_1">
						<p>来院路线</p>
						<p>${webConfig.address}</p>
					</div>
				</div>
				<div class="about_us_buttoms">
					<div class="zx_buttom_1">
						预约咨询
					</div>
					<div class="zx_buttom_1">
						免费预约
					</div>
				</div>
			</div>
			<div id="showContent">

			</div>

		</div>
	<div class="footer">
		<p>${webConfig.siteNumber}&nbsp;&nbsp;&nbsp;&nbsp;地址：${webConfig.address}
			&nbsp;&nbsp;&nbsp;&nbsp;电话：${webConfig.telephone}</p>
	</div>
	<div class="fixed-right">
		<div class="kefu_box clearfix">
			<div class="kefu">
				<img src="${s.base}/pc/img/icon/side_icon1_1.png">
				<p>客服</p>
			</div>
			<div class="d d-service">
				<i class="arrow"></i>
				<div class="inner-box">
					<div class="d-service-item clearfix">
						<a href="#" class="clearfix"><span class="circleqq"><i class="i-qq"></i></span><h3>咨询在线客服</h3></a>
					</div>
				</div>
			</div>
		</div>
		<div class="yuyue_box clearfix">
			<div class="yuyue kefu">
				<img src="${s.base}/pc/img/icon/side_icon2_2.png">
				<p>服务热线</p>
			</div>
			<div class="d d-service-phone">
				<i class="arrow"></i>
				<div class="inner-box">
					<div class="d-service-item clearfix">
						<span class="circleqq"><i class="i-tel"></i></span>
						<div class="text">
							<p>服务热线</p>
							<p class="red number">${webConfig.telephone}</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="pay_box clearfix">
			<div class="pay kefu">
				<img src="${s.base}/pc/img/icon/side_icon3_3.png">
				<p>微信公众号</p>
			</div>
			<div class="d d-qrcode">
				<i class="arrow"></i>
				<div class="inner-box">
					<div class="qrcode-img"><img src="${webConfig.wechat}" alt=""></div>
					<p>微信公众号</p>
				</div>
			</div>
		</div>

	</div>
	</body>
</html>
<script src="${s.base}/pc/js/swiper.min.js"></script>

<script src="${s.base}/pc/js/index.js"></script>
<script src="${s.base}/pc/js/component.js"></script>
<script>
    $(document).ready(function(e) {
        initDate();
    });
    function initDate() {
        acceptXygColumnTypeAndArticle('20190729145004089748111356894607',function (result) {
            if(result.code==0){
                var data=result.data;
                var str='';
                data.forEach(function (item,key,mapObj) {
                    str+='<div class="float for1" style="border-bottom: 1px solid #c5c5c5;">'+
                        '<div class="nav-title">'+
                        '<span>'+item.name+'</span>'+
                        '</div>'+
                        '<ul class="clearfix">';
                    if(item.webArticleList.length>0){
                        item.webArticleList.forEach(function (article,key,mapObj) {
                            str+='<li onclick="jumpArticleDesc(\''+configId+'\',\''+article.id+'\',\''+navId+'\')">'+article.title+'</li>';
                        });
                    }
                    str+='</ul>'+
                        '</div>';
                });
                $("#showService").html(str);
            }

        },6);
        //获取banner
        acceptXygBanner('20190605224235030385207819993192','${webConfig.userId}',function (data) {
            data.forEach(function (item,key,mapObj) {
                $(".banner-swiper-wrapper").append('<div class="swiper-slide"><img src="'+item.image+'" style="width: 100%;height: 500px;" /></div>');

            });
            var swiper = new Swiper('.swiper-container-h', {
                pagination: '.swiper-pagination-h',
                paginationClickable: true,
                nextButton: '.swiper-next',
                prevButton: '.swiper-prev',
                spaceBetween: 10,
                centeredSlides: true,
                autoplay: 2500,
                autoplayDisableOnInteraction: false,
                effect: 'fade'
            });
        });
        //获取文章
        acceptXygArticleListByColId('20190607161311091882192212028202','${webConfig.userId}','-1',function (data) {
            var title="";
            var content="";
            data.forEach(function (item,key,mapObj) {
                if(key==0){
                    title='<div class="active_lisy_tow"  onclick="selectTitle(this,\''+item.id+'\')"><p>'+item.title+'</p></div>';
                    content='<div class="about_us_right" id="'+item.id+'">'+
                        '<p class="about_us_right_title">'+item.title+'</p>'+
      					'<div class="about_us_right_time">时间：<span>'+timeStamp2String(item.createTime,"")+'</span>'+
                    '</div><span class="new_nlock"></span><article class="weui-article">'+item.content+'</article></div>';
                }else{
                    title+='<div onclick="selectTitle(this,\''+item.id+'\')"><p>'+item.title+'</p></div>';
                    content+='<div class="about_us_right" id="'+item.id+'" style="display: none;">'+
                        '<p class="about_us_right_title">'+item.title+'</p>'+
                        '<div class="about_us_right_time">时间：<span>'+timeStamp2String(item.createTime,"")+'</span>'+
                        '</div><span class="new_nlock"></span><article class="weui-article">'+item.content+'</article></div>';
                }
            });
            $("#titleShow").html(title);
            $("#showContent").html(content+'<div style="clear:both;"></div>');
        });

    }
    /**
     * 展示内容
     * @param id
     */
    function selectTitle(obj,id) {
        $("#titleShow div").removeClass("active_lisy_tow");
        $(obj).addClass("active_lisy_tow");
        $(".about_us_right").hide();
        $("#"+id).show();
    }
    function timeStamp2String(time,type){
        var datetime = new Date();
        datetime.setTime(time);
        var year = datetime.getFullYear();
        if(type=='year'){
            return year;
        }

        var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
        if(type=='month'){
            return month;
        }

        var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
        if(type=='date'){
            return date;
        }
        var hour = datetime.getHours()< 10 ? "0" + datetime.getHours() : datetime.getHours();
        var minute = datetime.getMinutes()< 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
        var second = datetime.getSeconds()< 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
        return year + "-" + month + "-" + date+" "+hour+":"+minute+":"+second;
    }
</script>
